<template>
  <view class="wrap">
    <view class="title">请选择：</view>
    <view class="list">
      <view class="item" :class="{ active: current == item.id }" v-for="(item, index) in list" @click="onTab(item)">{{ index + 1 }}、{{ item.name }}</view>
    </view>
  </view>
</template>

<script setup>
import { ref } from 'vue';
import { onLoad } from '@dcloudio/uni-app';
import { useOrder } from '@/store';

const order = useOrder();
const list = [
  { id: 1, name: '转载，不作为证券推荐或投资建议，意在分享信息，作者不保证内容准确性。' },
  { id: 2, name: '原创，不作为证券推荐或投资建议，制止发文时，作者不持有相关标的。' },
  { id: 3, name: '原创，不作为证券推荐或投资建议，制止发文时，作者持有相关标的，下一个交易日内可能随机卖出。' },
  { id: 4, name: '原创，不作为证券推荐或投资建议，制止发文时，作者持有相关标的，下一个交易日内没有卖出计划。' }
];
let current = ref(0);

onLoad((option) => {
  if(option.index){
    current.value = option.index;
  }
})

function onTab(row){
  order.setReveal(row.id);
  current.value = row.id;
  uni.navigateBack({
    delta: 1
  });
}
</script>

<style lang="scss" scoped>
  .list{
    padding: 0 30rpx;
    box-sizing: border-box;
    .item{
      padding: 30rpx 0;
      width: 100%;
      font-size: 28rpx;
      color: #2B2B2B;
      &.active{
        color: #E43222;
      }
    }
  }
  .title{
    font-weight: 500;
    font-size: 44rpx;
    color: #2B2B2B;
    padding: 0 30rpx;
    box-sizing: border-box;
  }
</style>